<template>
<el-container class="wrapper">
      <el-aside width="200px">
		  <!--<img :src="Head"  style="height:45px;width:auto;margin-top: 10px;margin-left: 30px;"> -->
		  <span :icon="manange"></span>
		  <WyMenu />
		  <HkxMenu />
	  </el-aside>
      <el-container>
        <el-header><WyHeader /></el-header>
        <el-main >
			<router-view />
		</el-main>
      </el-container>
    </el-container>
</template>

<script lang="ts" setup>
import manange from '@/components/icons/manange'
import WyMenu from '@/components/menu'
import HkxMenu from '@/components/menu/CommunityMenu'
import WyHeader from '@/components/header'
// 定义图片路径
const Head = '../src/assets/images/head.jpg'

// 暴露图片路径给模板
defineExpose({
  Head
})
</script>

<style lang="scss">
$wyborder: 1px solid #cccccc;
.wrapper{
	height: 100vh;
	.el-header{
		border-bottom: $wyborder;
		height: 60px;
	    h1{
			line-height: 60px;
		}
	}
	.el-aside{
		border-right: $wyborder;
	}
	.el-main{
		background-color: #f5f5f5;
	}
	
}
</style>